<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>05jQuery过滤器5</title>
    <script src="./js/jquery-3.6.0.js"></script>
    <script>
        $(function () {
            // 7、表单对象属性过滤器：
            // :enabled    匹配所有可用元素
            // :disabled   匹配所有不可用元素
            // :checked    匹配所有选中的单选，复选，和下拉列表中选中的option标签对象
            // :selected   匹配所有选中的option

            console.log($("input:enabled"));             //  <input name="id" />
            console.log($("input:disabled"));            //  <input name="email" disabled="disabled" />
            console.log($("select option:selected"));    //  <option value="2" selected="selected">Gardens</option>
            console.log($("input:checked"));             //  [<input type="checkbox" name="newsletter" checked="checked" value="Daily"/>, <input type="checkbox" name="newsletter" checked="checked" value="Monthly"/>]

        });
    </script>
</head>
<body>

<form>
    <form>
        <input name="id"/>
        <input name="email" disabled="disabled"/>

        <select>
            <option value="1">Flowers</option>
            <option value="2" selected="selected">Gardens</option>
            <option value="3">Trees</option>
        </select>

        <input type="checkbox" name="newsletter" checked="checked" value="Daily"/>
        <input type="checkbox" name="newsletter" value="Weekly"/>
        <input type="checkbox" name="newsletter" checked="checked" value="Monthly"/>
    </form>
</form>


</body>
</html>